<template>
  <div>
    <div class="favorite-works">
      <ul>
        <li v-for="item in dataList" :key="item.worksId">
          <div style="position: relative">
            <div class="cover-path">
              <img :src="item.coverPath" />
              <div class="cover-vedio">
                <img :src="item.coverPath" />
              </div>
            </div>
            <div class="like-number">
              <span class="iconfont icon-aixin">{{ item.likeCounts }}</span>
            </div>
          </div>
          <p>
            {{ item.worksDesc
            }}<template v-for="topic in item.topicList">
              #{{ topic.topicTitle }}</template
            >
          </p>
        </li>
      </ul>
    </div>
    <div>
      <p
        style="
          margin: 100px 0 20px 0;
          color: #c7c7c7;
          font-size: 12px;
          text-align: center;
        "
      >
        暂时没有更多了
      </p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: ["dataList"],
};
</script>

<style></style>
